<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<script src="style/wpo_alog_speed.js" async></script>
		<script src="style/alog.js"></script>
		<title>{$INI['system']['abbreviation']}</title>
		<link rel="stylesheet" type="text/css" href="style/common_css_0_6c6ef1d.css">
		<link rel="stylesheet" type="text/css" href="style/common_css_1_ad94b5d.css">
		<link rel="stylesheet" type="text/css" href="style/list_css_0_6f15796.css">
		<link rel="stylesheet" type="text/css" href="/wap/images/footer.css"/>
		<script src="/wap/js/jquery-1.10.1.min.js"></script>
		<style>
			.detail-goods{background:#FFFFFF;border-bottom:1px solid #F0F0F0;}
			.item-name{padding:.625rem;color:#333333;font-size:.875rem;}
			.item-score{padding:.625rem;color:#48D9CF;font-size:.75rem;}
			.item-score span{font-size:1.75rem;font-weight:bold;}
			.detail-introduce{margin:.625rem 0;padding:0 .625rem;background:#FFFFFF;border-top:1px solid #F0F0F0;border-bottom:1px solid #F0F0F0;}
			.specify{padding:.625rem 0;font-size:.875rem;color:#888888;border-bottom:1px solid #F0F0F0;}
			.abstract{padding-top:.625rem;font-size:.875rem;color:#333333;font-weight:bold;}
			.abstract-content{padding-top:.625rem;line-height:2rem;}
			.rule-title{padding:.625rem 0;font-size:.875rem;color:#333333;}
			.rule-content{padding-bottom:2rem;font-size:.875rem;color:#666666;line-height:1.625rem;}
			.bought{position:fixed;width:100%;height:50px;background:#FFFFFF;left:0;bottom:0;z-index:100;-moz-box-shadow:0 -2px 6px #BBBBBB;box-shadow:0 -2px 6px #BBBBBB;}
			.bought a{display:block;margin:4px auto;width:94%;height:42px;border-radius:4px;text-align:center;line-height:42px;background:#48D9CF;color:#FFFFFF;font-size:1rem;}
		</style>
	</head>
	<body mon="position=list">
		<header class="w-index-header" mon="type=header" style="position:relative;z-index:9;">						
			<div style="position:absolute;top:.5rem;left:.625rem;width:1.75rem;height:1.75rem;">
				<a href="javascript:history.back()">
					<img src="/wap/images/return.png"/>					
				</a>
			</div>
			<div class="title">{$goods['title']}</div>	
		</header>
		
		<article>
			<div id="dialog" style="position:absolute;width:100%;"></div>
			<div id="pagemasker"></div>
			<script src="/static/js/index.js"></script>
			<div class="detail-goods">
				<div style="width:100%;">
					<img src="${team_image($goods['image'],true)}" width="100%" height="180"/>
					<div class="item-name">{$goods['title']}</div>
					<div class="item-score"><span>{$goods['score']}</span>&nbsp;积分</div>
				</div>			
			</div>			
			<div class="detail-introduce">
				<div class="specify">详细说明：</div>
				<div class="abstract">
					<div class="abstract-title">商品简介：</div>
					<div class="abstract-content">
						<!--{if $goods['content']}-->
						{$goods['content']}
						<!--{else}-->
						暂无简介！
						<!--{/if}-->
					</div>
				</div>
				<div class="rule">
					<div class="rule-title">兑换规则：</div>
					<div class="rule-content">
						<!--{if $goods['per_number']>1}-->
						每人兑换上限{$goods['per_number']}次
						<!--{elseif $goods['per_number']<2}-->
						每人限兑换{$goods['per_number']}次
						<!--{else}-->
						暂无说明！
						<!--{/if}-->
					</div>					
				</div>
			</div>					
		</article>
		<div class="bought">
			<a href="/wap/credit/ajax.php?id={$goods['id']}&action=exchange" class="ajaxlink" ask="确定使用{$goods['score']}点积分兑换{$goods['title']}吗？">立即兑换</a>
		</div>
		<!--{include wap_footer}-->
	</body>
</html>